<template>
	<el-row class="container">
	<!-- <el-row :span="24" class="header"  type="flex" align="middle">
		<el-col :span="1"><div></div></el-col>
		<el-col :span="5">
			<el-row type="flex" align="middle">
				<i class="el-icon-arrow-left"></i>
				<span class="text-section">外来人员入侵</span>
			</el-row>
		</el-col>
		<el-col :span="18">
			
		</el-col>
	</el-row> -->

	<el-col class="main" :span="24">
            
		<!-- <el-col :span="3" class="menu-expanded">
			<el-menu 
					router
					default-active="/VisitorDetail">
					<el-menu-item index="/VisitorDetail">
						<span slot="title" style="margin-left:5px">外来人员入侵</span>
					</el-menu-item>
					<el-menu-item index="/VisitorSet">
						<span slot="title" style="margin-left:5px">设置</span>
					</el-menu-item>
				</el-menu>
		</el-col> -->

		<!-- <el-col :span="21" class="content-container"> -->
		<section class="content-container">
			<transition name="fade" mode="out-in">
				<!-- <keep-alive  v-if="$route.meta.keepAlive">
					<router-view></router-view>
				</keep-alive> -->
				<keep-alive><router-view></router-view></keep-alive>
			</transition>
		</section>
	</el-col>
</el-row>
</template>

<script>
import { user } from '@/utils/role.js'

export default {
	data() {
		return {
		}
	},
	methods: {
	},
	mounted() {
	},
	activated() {
	},
    watch: {
    }
}

</script>

<style scoped lang="scss">
	@import '~scss_vars';


	.container{
		position: absolute;
		top: 0px;
		bottom: 0px;
		width: 100%;
		.header {
			line-height: 60px;
			box-shadow: 0px 2px 2px #eeeeee;
			height: 60px;
			color:#000;
			.text-section {
				font-size: 16px;
				margin-left: 10px
			}
			.el-icon-arrow-left {
				color: #1aa3ea; 
				font-size: 19px;
			}
			.header-margin {
				margin-right: 15px;
			}
		}

		.main {
			display: flex;
			position: absolute;
			top: 0px;
			bottom: 0px;
			overflow: hidden;
			.menu-expanded{
				background: #f5f7fa;
				height: 100%;
			}
			.content-container {
				flex:1;
				height: 100%;
				overflow-y: scroll;
				padding: 20px;
				margin-right: 160px;
				background-color: #262A33;
			}
		}
	}

</style>